<template>
  <div class="container">
    <div v-for="item in data" :key="item.id" class="img">
      <img :src="item.pic_url" alt="" >
    </div>
  </div>
</template>

<script>
export default {
    name:'show',
    data(){
      return{
        data:{}
      }
    },
    created(){
      this.convert();
    },
    methods:{
      convert: function () {
        this.$axios.get("http://localhost:3000/food").then(res => {
        this.data = res.data;
    })
}
    }
}
</script>

<style>
.container{
  display: flex;
  justify-content: flex-start;
}
.img{
  margin-left: 5px;
}
</style>